/*
Copyright (c) 2017 Uber Technologies, Inc.
SPDX-License-Identifier: Apache-2.0
*/

.TraceTimelineViewer {
  border-bottom: 1px solid #bbb;
}

.json-markup {
  line-height: 17px;
  font-size: 13px;
  font-family: monospace;

  white-space: pre-wrap;

  word-break: break-all;
  word-wrap: break-word;
}

.json-markup-key {
  font-weight: bold;
  margin-right: 0.5rem;
}

.json-markup-bool {
  color: firebrick;
}

.json-markup-string {
  color: teal;
}

.json-markup-null,
.json-markup-undefined {
  color: gray;
}

.json-markup-number {
  color: blue;
}

.json-markup-other {
  color: lightgrey;
}

.json-markup-icon-expand {
  margin-right: 4px;
}

.json-markup-icon-expand::after {
  content: '\25B6';
  color: black;
  font-size: 12px;
}

.json-markup-icon-collapse {
  margin-right: 4px;
}

.json-markup-icon-collapse::after {
  content: '\25BC';
  color: black;
  font-size: 12px;
}

.json-markup-collapse-content::after {
  content: '\2026';
  color: black;
  font-size: 18px;
  margin-right: 4px;
}

.json-markup-child {
  margin: 0.25rem;
  width: 100%;
  padding: 0;
}

.json-markup-puncuation {
  font-weight: bold;
}
